<template>
	<p>{{ message }}</p>
	<p class="el-segmented--large" @click='aaa'> {{name}} 回去写作业</p>

	<div>
		<strong>默认尺寸:</strong>
		<br><br>
		<List border>
			<ListItem><RouterLink to="/">我是路由根</RouterLink></ListItem>
			<ListItem><RouterLink to="/about">我是路由about</RouterLink></ListItem>
		</List>
	</div>
		
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'
// import AppConfig from 'vue'

export default {
	name: 'HomeView',
	components: {},
	data() {
      return {
        message: "Hello, Vue!",
		name: "春田3123123s",

      };
    },
	setup()	{
		console.log("setup--"+this);
	},	
	created(){
		// alert('created');
		console.log({
			name:'created',
			id:this
		});
	}, 
	methods: {
		aaa() {
			console.log({
				name:'aaaa',
				id:this
			});
		},
	},
	mounted(){
	}
}
</script>

<style>
.el-segmented--large {
 background-color: chartreuse;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
